<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<style type="text/css">



/*	.colok{
		width:300px;
		height:60px;
		background:#000;
		color:#0f0;
		font-weight:bold;
		border-radius:50px;
		text-align:center;
		line-height:50px;
		font-size:30px;
	}*/





	/*定时器*/
/*#colok{
	width:250px;
	height:60px;
	border-radius:30px;
	line-height:57px;
	font-weight:bold;
	background:grey;
	color:purple;
	font-size:35px;
	text-align:center;
	position:absolute;
	left:500px;
	top:300px;
}
#bid1{
	position:absolute;
	left:500px;
	top:390px;
	background:#C6DBF0;
	font-size:20px;
	font-weight:bold;
	width:70px;
	height:50px;
}
#bid{
	position:absolute;
	left:580px;
	top:390p;
	background:#C6DBF0;
	font-size:20px;
	font-weight:bold;
	width:70px;
	height:50px;
}*/





/*超时器
.colok{
	width:100%;
	height:60px;
	border-radius:30px;
	line-height:57px;
	font-weight:bold;
	background:grey;
	color:purple;
	font-size:35px;
	text-align:center;
}*/
</style>
<body>
<!-- 	数学对象
<img src="" id='imgid'> -->



<!-- 秒表
<div class='colok'>
	<span id='sid'></span>
</div> -->

<!-- <div><span id='colok'>10:00:20</span></div>
<button id='bid'>停止</button>
<button id='bid1'>开始</button> -->



<!-- 超时器
<div class="colok">
	<span>提交成功,<span id='sid'>3</span>秒后页面跳转</span>
</div>
<button id='bid'>停止</button> -->
</body>
<script type="text/javascript">
// s=3;
// sidobj=document.getElementById('sid');
// kk=setInterval(function(){
// 	sidobj.innerHTML=--s;
// 	if(s==0){
// 		clearInterval(kk);
// 		location='http://www.baidu.com';
// 	}
// },1000);


// //超时器
// s=3;
// kk=setTimeout(function(){
// 	location='http://www.baidu.com';
// },3000);
// bidobj=document.getElementById('bid');
// bidobj.onclick=function(){
// 	clearTimeout(kk);
// }


// 	//数学对象属性和方法
// 	arr=['logo.jpg','2','logo.jpg','4','logo.jpg'];
// 	rand=Math.random();
// 	tot=arr.length;
// 	sub=Math.floor(rand*tot);
// 	// document.write(sub);
// 	// document.write(arr[sub]);
// imgobj=document.getElementById('imgid');
// imgobj.src=arr[sub];



//日期对象

// year=colo.getFullYear();
// month=colo.getMonth()+1;
// day=colo.getDate();
// str=year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second;
// document.write(str);

//秒表
// function getDate(){
// 	colo=new Date();
// 	hour=colo.getHours();
// 	if(hour<10){
// 		hour='0'+hour;
// 	}
// 	minute=colo.getMinutes();
// 	if(minute<10){
// 		minute='0'+minute;
// 	}
// 	second=colo.getSeconds();
// 	if(second<10){
// 		second='0'+second;
// 	}
// 	str=hour+':'+minute+':'+second;
// 	sidobj=document.getElementById('sid');
// 	sidobj.innerHTML=str;	
// }
// getDate();
// setInterval(function(){
// 	getDate();
// },1000);




// //自制秒表
// function getDate(){
// time=new Date();
// hour=time.getHours();
// if(hour<10){
// 	hour='0'+hour;
// }
// minute=time.getMinutes();
// if(minute<10){
// 	minute='0'+minute;
// }
// second=time.getSeconds();
// if(second<10){
// 	second='0'+second;
// }
// str=hour+':'+minute+':'+second;
// sidobj=document.getElementById('colok');
// sidobj.innerHTML=str;
// }

// getDate();
// start();
// function start(){
// 	kk=setInterval(getDate,1000);	
// }
// function stop(){
// 	clearInterval(kk);
// }
// //停止秒表
// sobj=document.getElementById('bid');
// sobj.onclick=function(){
// stop();
// }
// //启动秒表
// bidobj=document.getElementById('bid1');
// bidobj.onclick=function(){
// start();
// }



</script>
</html>